.sprots_course {
    display: flex;
    flex-direction: column;

    .sprots_course-main {

        flex-grow: 1;
        padding: 0 15px;

        .newcourse {
            margin-bottom: 20px;

            h3 {
                font-size: 16px;
                line-height: 3em;
            }

            a {
                display: block;
                overflow: hidden;
                border-radius: 15px;
                background-color: #fff;
                box-shadow: 0 0 10px 0 #aaa;

                img {
                    width: 100%;
                }

                h4 {
                    line-height: 2em;
                    text-indent: 1.5em;
                    font-size: 16px;
                    color: #101010;
                }

                p {
                    line-height: 2em;
                    text-indent: 1.8em;
                    font-size: 14px;
                    color: #9a9a9a;
                }
            }
        }

        .course_list {
            h3 {
                font-size: 16px;
                line-height: 3em;
            }

            li {
                position: relative;
                margin-bottom: 20px;
                display: block;
                overflow: hidden;
                border-radius: 15px;
                box-shadow: 0 0 10px 0 #aaa;
            }


            img {
                width: 100%;
                height: 180px;
            }

            h4 {
                position: absolute;
                bottom: 50px;
                line-height: 2em;
                text-indent: 1.5em;
                font-size: 18px;
                color: #fff;
            }

            p {
                position: absolute;
                bottom: 25px;
                line-height: 2em;
                text-indent: 2em;
                font-size: 14px;
                color: #fff;
            }
        }

    }
}